<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
    <!-- you don't need ignore=notused in your code, this is just here to trick the cache -->
    <script src="../dist/angular-grid.js?ignore=notused8"></script>
    <link rel="stylesheet" type="text/css" href="../dist/angular-grid.css?ignore=notused8">
    <link rel="stylesheet" type="text/css" href="../dist/theme-fresh.css?ignore=notused8">
    <script src="exampleFilterApi.js"></script>
</head>
<body ng-app="example" ng-controller="exampleCtrl">

<div>
    <span style="padding-bottom: 4px; display: inline-block;">
        <button ng-click="irelandAndUk()">Ireland & UK</button>
        <button ng-click="endingStan()">Countries Ending 'stan'</button>
        <button ng-click="setCountryModel()">Set Model ['Algeria','Argentina']</button>
        <button ng-click="printCountryModel()">Print Country Model</button>
        <button ng-click="clearCountryFilter()">Clear Country Filter</button>
    </span>
    <br/>
    <span style="padding-bottom: 4px; display: inline-block;">
        <button ng-click="ageBelow25()">Age Below 25</button>
        <button ng-click="ageAbove30()">Age Above 30</button>
        <button ng-click="clearAgeFilter()">Clear Age Filter</button>
    </span>

</div>
<div ag-grid="gridOptions" class="ag-fresh" style="height: 400px;"></div>

</body>
</html>
